<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>手机商城</title>
    <!-- CSS -->
    <!--<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">-->
    <link rel="stylesheet" href="{url:#css/materialize.min.css}"/>
    <link rel="stylesheet" href="{url:#css/flexslider.css}" type="text/css">
    <link rel="stylesheet" href="{url:#css/me.css}"/>
    <link rel="stylesheet" href="{url:#css/iconfont.css}"/>
    <!-- JS -->
    <script src="{url:#js/jquery-1.11.3.min.js}"></script>
    <script src="{url:#js/materialize.min.js}"></script>
    <script src="{url:#js/jquery.flexslider.js}"></script>

    <style type="text/css">
        .yellow-icon {
            color: #ffa665;
        }

        .blue-icon {
            color: #7da3e1;
        }

        .yellow1-icon {
            color: #ec7845;
        }

        .purple-icon {
            color: #bea6ed;
        }

        .group {
            text-align: center;
            border-right: solid 1px #fff;
            border-bottom: solid 1px #fff;
            width: 100%;
        }

        .icon {
            font-size: 30px;
        }

        .title {
            position: relative;
            top: -3px;
            font-size: 14px;
            color: black;
            font-weight: 500;
        }
    </style>

    <script>
        $(function () {
            $(".flexslider").flexslider({
                animation: "slide",
                direction: "horizontal",
                animationLoop: true,
                slideshow: true,
                directionNav: false,
                touch: true,
                controlNav: false,
                smoothHeight: true,
                maxItems: 10,
                slideshowSpeed: 3000,
                animationSpeed: 600,
            });
        });
    </script>
</head>
<body>
<!-- TitleBar 开始 -->
<div class="navbar-fixed">
    <nav>
        <div class="nav-wrapper w-nav-color accent-4 valign-wrapper">

            <ul class="left" id="nav-btn-left">
                <li><a href="{url:/mobile/index}"><i class="iconfont">&#xe63c;</i></a></li>
            </ul>

            <span class="title-bar-size center_align">联盟商家</span>

            <div class="right" id="nav-btn-right" style="width: 70px;height: 56px;line-height: 56px;">
                <a href="{url:/mobile/sel_area}">
                    <i class="material-icons" style="display: inline-block;font-size: 1.3em;">location_on</i>
                    <span style="font-size: 1.3em;position: relative;top:-3px;">郑州</span>
                </a>
            </div>

        </div>
    </nav>
</div>
<!-- TitleBar 结束 -->
<!-- 广告轮播 开始 -->
<div class="flexslider mgr-0 no-border">
    <ul class="slides">
    
    	{query:name=ad where=type eq 16}
    		<li class="w-slides-item"><img src=".{$item['content']}"/></li>
    	{/query}
    
    	<!-- 
        <li class="w-slides-item"><img src="{url:#images/temp/1.png}"/></li>
        <li class="w-slides-item"><img src="{url:#images/temp/2.jpg}"/></li>
        <li class="w-slides-item"><img src="{url:#images/temp/3.jpg}"/></li>
        <li class="w-slides-item"><img src="{url:#images/temp/4.jpg}"/></li>
        -->
    </ul>
</div>
<!-- 广告轮播 结束 -->
<!-- 主页分类 -->
<div class="row home_ico_menu">
	{query:name=goods_category where=parent_id eq 0 limit=7}
    <div class="col s3 group">
    	<a href="{url:/mobile/lianmeng_seller}&category_id={$item['id']}">
        <div>
            <i class="iconfont icon yellow-icon">
                {if:empty($item['icon'])}
                	&#xe606;
                {else:}
                	{$item['icon']}
                {/if}
           </i>
        </div>
        <span class="title">{$item['name']}</span>
        </a>
    </div>
    {/query}
    <div class="col s3 group">
    	<a href="{url:/mobile/all_one_level_cate}">
        <div>
            <i class="iconfont icon yellow-icon">&#xe649;</i>
        </div>
        <span class="title">所有分类</span>
        </a>
    </div>
    <!-- 
    <div class="col s3 group">
        <div>
            <i class="iconfont icon blue-icon">&#xe67d;</i>
        </div>
        <span class="title">汽车行业</span>
    </div>
    <div class="col s3 group">
        <div>
            <i class="iconfont icon yellow-icon">&#xe681;</i>
        </div>
        <span class="title">餐饮酒店</span>
    </div>
    <div class="col s3 group">
        <div>
            <i class="iconfont icon purple-icon">&#xe686;</i>
        </div>
        <span class="title">石油化工</span>
    </div>
    <div class="col s3 group">
        <div>
            <i class="iconfont icon yellow-icon">&#xe68c;</i>
        </div>
        <span class="title">房地产业</span>
    </div>
    <div class="col s3 group">
        <div>
            <i class="iconfont icon blue-icon">&#xe67d;</i>
        </div>
        <span class="title">汽车行业</span>
    </div>
    <div class="col s3 group">
        <div>
            <i class="iconfont icon yellow-icon">&#xe681;</i>
        </div>
        <span class="title">餐饮酒店</span>
    </div>
    <div class="col s3 group">
        <div>
            <i class="iconfont icon purple-icon">&#xe686;</i>
        </div>
        <span class="title">石油化工</span>
    </div>
    -->
</div>
<div class="divider" style="margin-bottom:10px;"></div>
<!-- 主页分类结束 -->

<div class="row store_panel">
	
    <div class="col s12">
        <ul class="tabs">
            <li class="tab col s4"><a href="#store-1">推荐商家</a></li>
            <li class="tab col s4"><a class="active" href="#store-2">附近商家</a></li>
            <li class="tab col s4"><a href="#store-3">最新发布</a></li>
        </ul>
    </div>
    
    <div id="store-1" class="col s12" style="margin-left: 0px;margin-right: 0px;">
        <ul class="store_list">
            {query:name=dp where=$where3 and is_tuijian eq 1}
            <li class="mgr-0 padd-0">
            	<a href="{url:/mobile/dp_detail}&dp_id={$item['did']}">
	                <div>
	                    <!-- 商品图片 -->
	                    <div class="left-align pro-img">
	                        <img src="{$item['dp_logo']}" width="90px" height="95px"/>
	                    </div>
	
	                    <!-- 商品详情 -->
	                    <div class="store-info">
	                        <p class="title">{$item['dp_name']}</p>
	                        <!-- 
	                        <p class="intro">{$item['dp_content']}</p>
	                        -->
	                        <p></p>
	                        <p class="star">{$item['dp_addr']}</p>
	                    </div>
	                </div>
            	</a>
            </li>            
            {/query}
        </ul>
    </div>
    <div id="store-2" class="col s12">
        <ul class="store_list">
            {query:name=dp where=$where3}
            <li class="mgr-0 padd-0">
            	<a href="{url:/mobile/dp_detail}&dp_id={$item['did']}">
	                <div>
	                    <!-- 商品图片 -->
	                    <div class="left-align pro-img">
	                        <img src="{$item['dp_logo']}" width="90px" height="95px"/>
	                    </div>
	
	                    <!-- 商品详情 -->
	                    <div class="store-info">
	                        <p class="title">{$item['dp_name']}</p>
	                        <!-- 
	                        <p class="intro">{$item['dp_content']}</p>
	                        -->
	                        <p></p>
	                        <p class="star">{$item['dp_addr']}</p>
	                    </div>
	                </div>
            	</a>
            </li>            
            {/query}
            
        </ul>
    </div>
    
    
    
    <div id="store-3" class="col s12">
        <ul class="store_list">
        	{query:name=dp where=$where3 order=sh_time desc}
            <li class="mgr-0 padd-0">
            	<a href="{url:/mobile/dp_detail}&dp_id={$item['did']}">
	                <div>
	                    <!-- 商品图片 -->
	                    <div class="left-align pro-img">
	                        <img src="{$item['dp_logo']}" width="90px" height="95px"/>
	                    </div>
	
	                    <!-- 商品详情 -->
	                    <div class="store-info">
	                        <p class="title">{$item['dp_name']}</p>
	                        <!-- 
	                        <p class="intro">{$item['dp_content']}</p>
	                        -->
	                        <p></p>
	                        <p class="star">{$item['dp_addr']}</p>
	                    </div>
	                </div>
            	</a>
            </li>            
            {/query}          
        </ul>
    </div>
    
    
</div>

</body>
</html>
